<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>
	<link href="${path}/resources/admin/css/main.css" rel="stylesheet"
          type="text/css" media="screen,print" />
<script type="text/javascript"
	src="${path}/resources/admin/js/jquery-1.7.1.min.js"></script>
	<script>
	$(function () {
	    var f_width = 240, interval, arrow = $(".toobar");
	    arrow.toggle(function () {
	        interval = setInterval(function () {
	            window.top.document.getElementById('center').cols = f_width + ",10,*";
	            if (f_width == 0) {
	                clearInterval(interval);
	                arrow.removeClass("close").addClass("open");
	            }
	            f_width = f_width - 10;
	        }, 10);
	    }, function () {
	        interval = setInterval(function () {
	            window.top.document.getElementById('center').cols = f_width + ",10,*";
	            if (f_width == 240) {
	                clearInterval(interval);
	                arrow.removeClass("open").addClass("close");
	            }
	            f_width = f_width + 10;
	        }, 10);
	    })
	})
	
	</script>
</head>
<body>
	<div class="toobar close"></div>
	<div class="picBox"></div>
</body>
</html>
